@charset "utf-8";
@font-face {
    font-family: "Inter";
    src:url("../font/Inter.woff") format("woff")
}
body {font:12px/1 "Inter", "Microsoft YaHei","SimSun","Chalkduster",helvetica,arial,\5b8b\4f53; background: #fff;min-width:1200px;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;smoothing: antialiased;line-height: 1;}
*{padding:0; margin:0;}
ol li,ul li {list-style:none;}
em{font-style: normal;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,em,th,i{font-weight:normal; font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
input,textarea{outline: 0; outline: none;}
input[type=submit] {
  cursor: pointer;
}
.ellipsis1 {overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.fl{float: left;}
.fr{float: right;}
select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
}
a{text-decoration: none;}
select::-ms-expand { display: none;}
.mt1200 {width:1200px;margin:0 auto;}
.wh-inherit {width:inherit; height:inherit;}
/*mt pt 上外边距*/
.mt0{margin-top:0px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}
.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}
.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}
.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}
.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt85{margin-top:85px;}.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt-20{margin-top:-20px;}
.pt0{padding-top:0px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}
.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}
.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}
.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}.pt75{padding-top:75px;}
.pt85{padding-top:85px;}.pb20 {padding-bottom:20px;}.pr5 {padding-right: 5px;}
/*ml 左外边距*/
.ml0{margin-left:0px !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}
.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}
.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}
.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}
.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}
.ml75{margin-left:75px;}.ml100{margin-left:100px;}.ml110{margin-left:110px;}

.p15 {padding:15px;}.p5 {padding:5px;}.m15 {margin:15px;}.m20 {margin:20px;}.m5 {margin:5px;}

.pl0{padding-left:0px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}
.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}
.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}
.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}
.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}
.pl75{padding-left:75px;}
/*font-size*/
.ft12{font-size: 12px;}
.ft14{font-size:14px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
/*元素位置属性*/
.d-block{display:block;}
.d-none{display:none;}
.d-inline{display:inline;}
.f-weight{ font-weight:bold;}
.v-middle{vertical-align: middle;}
.v-top{vertical-align: top;}
.relative{position: relative;}
.absolute{position: absolute;}
/*文本*/
.t-left{text-align:left;}.t-center{text-align:center;}.t-right{text-align:right;}



.px(@name, @px) {
  @{name}: @px * 1px}
// 元素外围
.w(@width){.px(width,@width);}
.h(@height){.px(height,@height);}
.w-h(@width,@height) {
.px(width,@width);
.px(height,@height);
}
.b-radius(@b-radius){
.px(border-radius,@b-radius);
.px(-webkit-border-radius,@b-radius);
.px(-moz-border-radius,@b-radius);
.px(-ms-border-radius,@b-radius);
}
// 补白
.padding(@top,@right,@bottom,@left){
.px(padding-top,@top);
.px(padding-right,@right);
.px(padding-bottom,@bottom);
.px(padding-left,@left);
}
.pl(@pl){.px(padding-left,@pl);}
.pr(@pr){.px(padding-right,@pr);}
.pt(@pt){.px(padding-top,@pt);}
.pb(@pb){.px(padding-bottom,@pb);}

// 外边距
.margin(@top,@right,@bottom,@left){
.px(margin-top,@top);
.px(margin-right,@right);
.px(margin-bottom,@bottom);
.px(margin-left,@left);
}
.ml(@ml){.px(margin-left,@ml);}
.mr(@mr){.px(margin-right,@mr);}
.mt(@mt){.px(margin-top,@mt); }
.mb(@mb){.px(margin-bottom,@mb);}

/*文本*/
.fz(@fz){.px(font-size,@fz);}
.text(@fz,@color){.px(font-size,@fz); color: @color;}
.t-left{text-align:left;}.t-center{text-align:center;}.t-right{text-align:right;}
.d-block{display:block;}
.d-none{display:none;}
.d-inline{display:inline;}
.d-in-block {display:inline-block;}
.f-weight{ font-weight:bold;}
.v-middle{vertical-align: middle;}
.v-top{vertical-align: top;}
.l-height(@l-height){.px(line-height,@l-height);}

// 定位
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position:fixed;}

/*弹性盒*/
.flex{display:flex; display:-webkit-flex;display:-moz-flex;display:-ms-flex;}
.flex-inline{display: inline-flex; display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flex;}
.flex-between {justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;}
.flex-around {justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;}
.flex-start{justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;}
.flex-end{justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;}
.item-center{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;}
.item-end{align-items:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;}
.flex-center {justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;}
.flex-wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.flex1 {flex:1;-webkit-flex: 1;-moz-flex:1;-ms-flex:1;}
.flexbetween { .flex; .flex-between;}

/* 通用变量 */
@solid:solid; @dashed:dashed;@url:'./img';
.ellipsis1 {overflow: hidden;text-overflow:ellipsis; white-space: nowrap;.d-in-block;}
.trans4 { transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s; }
.scale05{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);}
.translate4{transform: translate(0,-4px);-webkit-transform: translate(0,-4px);-ms-transform: translate(0,-4px);-moz-transform: translate(0,-4px);}
@s:solid; @d:dashed;@imgUrl:'./img';
.w100{width:100%;}
.mt1100 { width: 1100px; margin: 0 auto;}
button {outline: none;background: transparent;border:none}

.theme_clo {color: #154CD0}
.col_000{color: #000}



// 头部导航
.head {
    width: 100%;
    height: 70px;
    background: #0B0D17;
    .nav {
       margin-left: 10%;
       .flex;
       img{margin-top: 22px;}
    }
    ul {
        margin-left: 100px;
        .flex;
    }
    li {
        line-height: 70px;
        cursor: pointer;
        a{
            border-bottom: 1px transparent solid;
            padding-bottom: 2px;
        }
        span ,a{
            color: #F4F5F7;
            font-size: 14px;
            .trans4;
           
        }
        a:hover {
                color: #fff;
                border-bottom: 1px #fff solid;
        }
        position: relative;
        margin-right: 40px;
        span + div {
            display: none;
            position: absolute;
            background: #0B0D17;
            top:65px;
            border-radius: 2px;
            padding: 0 20px 10px 10px;
            white-space: nowrap;

            span {
               display: block;
            }
            a {
                display: block;
                line-height: 30px;
                padding-bottom: 0;
            }
        }
        &:hover {
            span + div {
                display: block;
            }
        }
    }
}

// 底部导航

.base {
    margin-top: 62px;
    .w100;
    padding: 56px 0;
    background: #0B0D17;
    .nav {
        .l {
            ul {
                margin-top: 20px;
            }
            ul+p {
                padding-top: 20px;
            }
            ul > li {
                line-height: 34px;
                a {
font-size: 16px;
font-weight: 400;
color: #D9DBE1;
line-height: 26px;
border-bottom: 1px transparent solid;
.trans4;
padding-bottom: 2px;
margin-right: 22px;
                }
                a:hover {
                    border-bottom: 1px #fff solid;
                    color: #fff;
                }
            }
            p {
                font-size: 14px;
                color: #d9dbe1;
                line-height: 24px; 
            }
        }
        .l + div {margin-top: 58px;
            li {
                font-size: 14px;
font-weight: 400; line-height: 34px;
color: #D9DBE1;
            }
        }
    }

}

// 首页
.index {
    .tit {
        text-align: center;
        h2 {
            font-size: 48px;
           color: #0B0D17;
           font-weight: bold;
        }
        p {
            font-size: 18px;
            padding-top: 20px;
            color: #18191F;
        }
        margin-bottom: 70px;
    }
    .index2 {
    width: 100%;
    background: #E6F7FF;
    padding-top: 90px;
    padding-bottom: 90px;
        .list {
            & > div {
                width: 350px;
                height: 318px;
                overflow: hidden;
                margin-bottom: 25px;
                border-radius: 6px;
                position: relative;
                .trans4;

                img {
                    width: 100%;
                    .trans4
                }
                div {
                    position: absolute;
                    top:158px;
                    left: 32px;
                    span {
                        font-size: 40px;
                        color: #fff;
                        font-weight: bold;
                        line-height: 54px;
                    }
                    a{
                        font-size: 28px;
                        color: #fff;
                    }
                    img {
                        width: 35px;position: relative;
                        top: 7px;
                        left: 15px;
                    }

                }
                &:hover {
                    .translate4;
                    img {
                        .scale05;
                    }
                }
            }
            .ops {
               div {
                top: 95px;
               }
            }
        }
    
    }
    .detils {
        text-align: center;
        padding-top: 30px;
        a {
            font-size: 16px;
            display: block;
            color: #096DD9;
            img {
                margin-left: 15px;vertical-align: sub;
            }
            .trans4;
            
        }
        a:hover {
            .translate4;
        }
    }
}
.index3 {
    padding-top: 64px;
    padding-bottom: 64px;
    .tit {
        text-align: left;

    }
    ul >li {
        .trans4;
        h4 {
            font-size: 24px;
            color: #18191F;
            margin-top: 40px;
            font-weight: bold;
        }
        p {
            font-size: 16px;
            color: #18191F;line-height: 26px;
            padding-top: 8px;
        }
        &:hover {
            .translate4;
        }
    }
}
.index4 {
    background: #f4f5f7;
    padding:60px 0;
    .w100;
}
.index5 {
  padding-top:90px;
    .tit {
        width: 300px;
        margin-top:40px;
    }
    ul {
        width: 500px;
        li {
            .trans4;
            .flex;
            img {
                width: 48px;
            }
            & > div:first-child {
                margin-right:20px;
            }
            div + div {
                span {
                 font-weight:bold;
                 font-size:28px;
                }
                p {
                    font-size: 16px;
                    padding-top:8px;
                }
            }
        }
        li:hover {
            .translate4;
        }
    }
}
.index6 {
    .mt(140);
    .im{
    width:540px;
    height:540px;
    overflow:hidden;
    border-radius: 6px;
    img {
        .trans4;
    }
    &:hover {
        img {
            .scale05;
        }
    }
    }
    .des {
        width: 444px;
font-size: 18px;
font-weight: 400;
color: #18191f;
line-height: 32px;
    }
    .des + p {
        text-align: left;
    }
    .tit {
        h2 {
            font-size: 40px;
        }
    }
}

// 公司概况
.gs {
    .gs2 {
        h2 {
font-size: 20px;
font-weight: 700;
color: rgba(0,0,0,0.85);
padding-bottom: 50px;
margin-top: 40px;
        }
        p {
        height: 88px;
        font-size: 14px;
        color: rgba(0,0,0,0.85);
        line-height: 22px;
        text-align: left;
        padding-left: 100px;
        }
        img{
            margin: 30px 0;
        }
    }
}

// 产品服务
.csfw { 
    h2 {
       color: #000000; font-size: 20px;
       margin: 40px 0;font-weight: 700;
    }
    .fw1 {
        .cont {
            background: #f0f0f0;border-radius: 12px;
        p {
font-size: 16px;
font-weight: 400;
color: #000000;
line-height: 24px;
padding: 20px 40px;
        }
        }
    }
    .fw2 {
        .mt(40);
        h4 {
            font-size: 20px; 
            text-align: center;
            .mt(12);
            color: #000;
        }
        li {
            columns: 4;
            span {
                margin-top: 30px;
                text-align: left;
font-size: 14px;
font-weight: 400;
a {
    color: #1890ff;
    &:hover {
        text-decoration: underline;    }
}
line-height: 22px;
width: 366px;
display: inline-block;
            }
        }
    }
}

// 行业应用
.hy {
    .l {
width: 159px;     
top: 231px;
height: 100px;
opacity: 1;
background: #f0f5ff;
border-radius: 12px;
text-align: center;
padding-top: 100px;
padding-block-end: 80px;
a {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    i {
        display:inline-block;
        margin-left: 30px;
    }
}
    }
    .nav {
        width: 870px;
        height: 393px;
    overflow: hidden;
    overflow-y: auto;
        h3 {
font-size: 24px;
font-weight: 500;
color: rgba(0,0,0,0.85);
line-height: 32px;
        }
        p {
font-size: 14px;
color: rgba(0,0,0,0.85);
line-height: 22px;
padding: 20px 0;
        }
        img {
            margin-bottom: 40px;
        }
        &::-webkit-scrollbar {
            width: 5px;
        }
        &::-webkit-scrollbar-thumb {
            background: #efefef;
            border-radius: 10px;
        }
        &::-webkit-scrollbar-track {
            background: #fff;
            border-radius: 10px;
        }
    }
}

// 用户服务
.user {
    h4 {
        text-align: center;
        color: #000000;
        font-size: 38px;
        padding-bottom:50px;
        margin-top: 40px;
    }
    li {
        list-style: none;
       margin-bottom: 40px;
       h5 {
        font-size: 20px; font-weight: bold;
       }
       p {
        font-size: 14px;
       }
       p:nth-child(2) {
           padding: 20px 0;
       }
       i {
           color: red;
       }
       input {
        width: 404px;
        height: 32px;
        background: #ffffff;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        padding-left: 10px;
       }
       span {
           display: block;
           padding-bottom: 10px;
       }
    }
    .sub {
        padding: 8px 18px;
        color: #fff;
        background: #1890ff;
        border-radius: 2px;
        cursor: pointer;
    }
}

// 产品详情
.cpDetatils {
    .bm {
        margin-top: 30px;
        font-size: 14px;
        .yuan {
           a {
            color: #bbb;
            .trans4;
            cursor: pointer;
            &:hover {
                color: #000;
            }
        }}
    }
    .nav {
        margin-top: 20px;
        .prePage, .curCont{
            font-weight: bold;
            color: #000;font-size: 20px;
        }
        .prePage {
            cursor: pointer;
        }
        .curCont {
            display: inline-block;
            margin-left: 10px;
        }
    }
    .cont {
        margin-top: 40px;
        width: 1030px;
        margin-left: auto;
        text-align: center;
        .s {
            font-size: 16px;
        }
        .cc {
          margin-top: 20px;

          p {
            font-size: 14px;
            color: rgba(0,0,0,0.85);
            line-height: 22px;
            text-align: left;
          }
        }
        img {
            margin: 20px 0;
        }
    }
}